home *** CD-ROM | disk | FTP | other *** search
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>15.9.  Glossy</title> <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" /> <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" /> <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" /> <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" /> <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" /> <link rel="start" href="index.html" title="GNU Image Manipulation Program" /> <link rel="up" href="filters-alpha-to-logo.html" title="15.  Alpha to Logo Filters" /> <link rel="prev" href="script-fu-cool-metal-logo-alpha.html" title="15.8.  Cool Metal" /> <link rel="next" href="script-fu-neon-logo-alpha.html" title="15.10.  Neon" /> </head> <body> <div class="navheader"> <table width="100%" summary="Navigation header"> <tr> <th colspan="3" align="center">15.9.  <span lang="en" xml:lang="en">Glossy</span> </th> </tr> <tr> <td width="20%" align="left"><a accesskey="p" href="script-fu-cool-metal-logo-alpha.html"><img src="../images/prev.png" alt="Prev" /></a> </td> <th width="60%" align="center">15.  <span lang="en" xml:lang="en">Alpha to Logo Filters</span> </th> <td width="20%" align="right"> <a accesskey="n" href="script-fu-neon-logo-alpha.html"><img src="../images/next.png" alt="Next" /></a></td> </tr> </table> <hr /> </div> <div class="sect2" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h3 class="title"><a id="script-fu-glossy-logo-alpha"></a>15.9.  <span lang="en" xml:lang="en">Glossy</span> </h3> </div> <div> <div class="revhistory"> <table border="1" width="100%" summary="Revision history"> <tr> <th align="left" valign="top" colspan="3"> <b>Revision History</b> </th> </tr> <tr> <td align="left">Revision $Revision: 2413 $</td> <td align="left">2008-02-25</td> <td align="left">ude</td> </tr> </table> </div> </div> </div> </div> <a id="id2786377" class="indexterm"></a> <a id="id2786395" class="indexterm"></a> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h4 class="title"><a id="id2786404"></a>15.9.1.  <span lang="en" xml:lang="en">Overview</span> </h4> </div> </div> </div> <div class="figure"> <a id="id2786415"></a> <p class="title"> <b>Figure 16.311.  <span lang="en" xml:lang="en"> Example for the “<span class="quote">Glossy</span>” filter </span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/filters/examples/logo-glossy.jpg" alt="Example for the Glossy filter" /> <div class="caption"> <p>The “<span class="quote">Glossy</span>” filter</p> </div> </div> <div class="mediaobject"> <img src="../images/filters/examples/glossy-script-fu.jpg" alt="Example for the Glossy filter" /> <div class="caption"> <p>The “<span class="quote">Glossy</span>” logo</p> </div> </div> </div> </div> <br class="figure-break" /> <p> This filter applies gradients and patterns to the alpha. A slight 3D effect will be added using a bump map, and optionally the filter adds a drop shadow. </p> <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;"> <table border="0" summary="Note"> <tr> <td rowspan="2" align="center" valign="top" width="25"> <img alt="[Note]" src="../images/note.png" /> </td> <th align="left">Note</th> </tr> <tr> <td align="left" valign="top"> <p> Here, as a language shortcut, we use <span class="emphasis"><em>alpha</em></span> to mean the area of the active layer defined by the non-transparent pixels. You may think of it as a selection “<span class="quote">by visibility</span>”. Applying any effect “<span class="quote">to the alpha</span>” just means to apply this effect to all visible pixels of the active layer. </p> </td> </tr> </table> </div> <p> The filter is derived from the “<span class="quote">Glossy</span>” script (<span class="guimenu"><span class="accel">X</span>tns</span> → <span class="guisubmenu"><span class="accel">L</span>ogo</span> → <span class="guimenuitem">Glo<span class="accel">s</span>sy</span> in the toolbox), which creates a logo (see above) with a glossy outlook when used with the default options, thus the name. </p> <p> This filter only works if the active layer has an alpha channel. Otherwise, the menu entry is insensitive and grayed out. </p> <div class="warning" style="margin-left: 0.5in; margin-right: 0.5in;"> <table border="0" summary="Warning"> <tr> <td rowspan="2" align="center" valign="top" width="25"> <img alt="[Warning]" src="../images/warning.png" /> </td> <th align="left">Warning</th> </tr> <tr> <td align="left" valign="top"> <p> The image will always be resized to the active layer's size. </p> </td> </tr> </table> </div> </div> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h4 class="title"><a id="id2786579"></a>15.9.2.  <span lang="en" xml:lang="en">Activate the filter</span> </h4> </div> </div> </div> <p> This filter is found in the image window menu under <span class="guimenu"><span class="accel">F</span>ilters</span> → <span class="guisubmenu">Alpha to <span class="accel">L</span>ogo</span> → <span class="guimenuitem">Glo<span class="accel">s</span>sy</span>. </p> </div> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h4 class="title"><a id="id2786628"></a>15.9.3.  <span lang="en" xml:lang="en">Options</span> </h4> </div> </div> </div> <div class="figure"> <a id="id2786639"></a> <p class="title"> <b>Figure 16.312.  <span lang="en" xml:lang="en">“<span class="quote">Glossy</span>” options</span> </b> </p> <div class="figure-contents"> <div class="mediaobject"> <img src="../images/filters/options-logo-glossy.png" alt="Glossy options" /> </div> </div> </div> <br class="figure-break" /> <div class="variablelist"> <dl> <dt> <span class="term"> <span lang="en" xml:lang="en">Blend gradient (text)</span> </span> </dt> <dd> <p> By default, the filter will fill the alpha with a <a class="link" href="gimp-tool-blend.html" title="3.4.  Blend">gradient blend</a>. Clicking on the swatch button will open a simple <a class="link" href="gimp-gradient-dialog.html" title="3.4.  Gradients Dialog">gradient dialog</a>, where you may select any gradient. “<span class="quote">Text</span>” refers to the “<span class="quote">Glossy</span>” logo, which creates a logo from a text, and is meaningless here. </p> <p> When <span class="guilabel">Text gradient reverse</span> is checked, the alpha will be filled with a gradient blend starting at the bottom. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Pattern (text)</span> </span> </dt> <dd> <p> When <span class="guilabel">Use pattern for text instead of gradient</span> is checked, the alpha will be filled with a pattern. You can open a <a class="link" href="gimp-pattern-dialog.html" title="3.3.  Patterns Dialog">patterns dialog</a> to select a pattern of your choice by clicking on the <span class="guibutton">Browse</span> button. The preview area on the left will produce a popup preview of the current pattern when pressed. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Outline size</span> </span> </dt> <dd> <p> This is the size of a kind of border, realised with a layer containing an enlarged copy of the alpha (details see below). </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en"> Blend gradient (outline); Pattern (outline) </span> </span> </dt> <dd> <p> Just like the “<span class="quote">text</span>” options for the active layer, these options specify the gradient or pattern (when <span class="guilabel">Use pattern for outline instead of gradient</span> is checked) used to fill the outline area. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Use pattern overlay</span> </span> </dt> <dd> <p> When checked, the original, not enlarged alpha of the outline layer will be filled with the specified pattern using the overlay <a class="link" href="gimp-tools-paint.html#gimp-tool-brush-options" title="3.1.2.  Tool Options">mode</a>, so that the pattern and the previous contents (pattern or gradient) will be merged. </p> <p> Again, clicking on <span class="guibutton">Browse</span> button will open a <a class="link" href="gimp-pattern-dialog.html" title="3.3.  Patterns Dialog">patterns dialog</a>, pressing the preview icon will produce a popup preview of the current pattern. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Default bumpmap settings</span> </span> </dt> <dd> <p> This option does nothing, the filter will always apply a <a class="link" href="plug-in-bump-map.html" title="10.2.  Bump Map">bump map</a>. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Background color</span> </span> </dt> <dd> <p> The color of the background layer added by the filter. When you click on the color button, a <a class="link" href="gimp-dialogs-content.html#gimp-color-dialog" title="3.1.  The “FG/BG Color” Dialog">color select dialog</a> pops up. </p> </dd> <dt> <span class="term"> <span lang="en" xml:lang="en">Shadow</span> </span> </dt> <dd> <p> Optionally the filter creates a layer containing a <a class="link" href="script-fu-drop-shadow.html" title="7.7.  Drop Shadow">drop shadow</a>. The shadow layer will be moved <span class="guilabel">Shadow X offset</span> pixels to the right and <span class="guilabel">Shadow Y offset</span> pixels down. Note that this may enlarge the image, while the background layer will keep the size of the active layer. </p> </dd> </dl> </div> </div> <div class="sect3" lang="en" xml:lang="en"> <div class="titlepage"> <div> <div> <h4 class="title"><a id="id2786998"></a>15.9.4.  <span lang="en" xml:lang="en">Filter details</span> </h4> </div> </div> </div> <p> The numerous options may give the impression that this is a very complicate filter, but actually it is fairly simple. The interesting part is how the filter handles the active layer and the outline layer: </p> <p> In the active layer, the filter creates a <a class="link" href="gimp-layer-alpha-selection-replace.html" title="10.36.  Alpha to Selection">selection from the alpha channel</a> and fills the selection with the specified gradient blend or pattern. </p> <p> Then a new “<span class="quote">outline</span>” layer below the active layer will be created in a similar way: First, the active layer's alpha will be used to make a selection. But before filling the selection with a gradient or a pattern, the selection will be <a class="link" href="gimp-selection-grow.html" title="7.12.  Grow">enlarged</a> by <span class="guilabel">Outline size</span> pixels. </p> <p> When you filled both layers with the same pattern or gradient blend, you will still see a border (“<span class="quote">outline</span>”), because </p> <div class="itemizedlist"> <ul type="disc"> <li> <p> a 3D effect will be applied to the outline layer using the active layer as a <a class="link" href="plug-in-bump-map.html" title="10.2.  Bump Map">bump map</a>; </p> </li> <li> <p> the <a class="link" href="gimp-concepts-layer-modes.html" title="2.  Layer Modes">layer mode</a> of the active layer will be set to “<span class="quote">Screen</span>”. </p> </li> </ul> </div> <p> The last (optional) step is to fill the outline layer with a pattern, using the “<span class="quote">overlay</span>” layer <a class="link" href="gimp-tools-paint.html#gimp-tool-brush-options" title="3.1.2.  Tool Options">mode</a>. This will combine the pattern with the pattern or gradient used before. To learn more about the result of using the overlay mode, see the description in <a class="xref" href="gimp-concepts-layer-modes.html" title="2.  Layer Modes">Section 2, “ <span lang="en" xml:lang="en">Layer Modes</span> ”</a>. </p> </div> </div> <div class="navfooter"> <hr /> <table width="100%" summary="Navigation footer"> <tr> <td width="40%" align="left"><a accesskey="p" href="script-fu-cool-metal-logo-alpha.html"><img src="../images/prev.png" alt="Prev" /></a> </td> <td width="20%" align="center"> <a accesskey="u" href="filters-alpha-to-logo.html"> <img src="../images/up.png" alt="Up" /> </a> </td> <td width="40%" align="right"> <a accesskey="n" href="script-fu-neon-logo-alpha.html"><img src="../images/next.png" alt="Next" /></a></td> </tr> <tr> <td width="40%" align="left" valign="top"><a accesskey="p" href="script-fu-cool-metal-logo-alpha.html">15.8.  <span lang="en" xml:lang="en">Cool Metal</span> </a> </td> <td width="20%" align="center"> <a accesskey="h" href="index.html"> <img src="../images/home.png" alt="Home" /> </a> </td> <td width="40%" align="right" valign="top"> <a accesskey="n" href="script-fu-neon-logo-alpha.html">15.10.  <span lang="en" xml:lang="en">Neon</span> </a></td> </tr> </table> </div> </body> </html> 
